<div class="float-left ml-2 mt-1 row">
  <span>时间:</span>
  <input title="开始时间" #start_date_time class=" date-time-input" autocomplete="off" type="text" [value]="defaultStartTime" [ngToolsDateAndTime]="{data: 'dateAndTime'}">
  <span class="ml-1 mr-1">至</span>
  <input title="开始时间" #end_date_time class=" date-time-input" autocomplete="off" type="text" [value]="defaultEndTime" [ngToolsDateAndTime]="{data: 'dateAndTime'}">
  <button class="btn btn-sm ml-3" (click)="search()">搜索</button>
</div>

<div class="col-12 mt-5 row" *ngIf="platformInfo">
  <div class="card animated animated-delay-500 ">
    <div class="card-header font-weight-bold p-2">
      <span class="fa fa-fw fa-industry"></span>营收总览
    </div>
    <div class="card-body px-0 py-2 px-2">
      <table class="table table-hover table-striped table-sm">
          <tr >
            <td >
                <strong>平台总收入</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">{{platformInfo.getSum}}</span>
            </td>

            <td >
              <strong>平台总支出</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">{{platformInfo.putSum}}</span>
            </td>

            <td >
              <strong>盈利状况</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">{{platformInfo.getMoney}}</span>
            </td>

          </tr>

          <tr >
            <td >
              <strong>抢包收入</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">{{platformInfo.snPacketGetMoney}}</span>
            </td>

            <td >
              <strong>发包支出</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">{{platformInfo.sendPacketPutMoney}}</span>
            </td>

            <td >
              <span class="text-bold-no-break">－－</span>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">－－</span>
            </td>

          </tr>

          <tr >
            <td >
              <strong>赔付收入</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">{{platformInfo.pfGetMoney}}</span>
            </td>

            <td >
              <strong>赔付支出</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">{{platformInfo.pfPutMoney}}</span>
            </td>

            <td >
              <span class="text-bold-no-break">－－</span>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">－－</span>
            </td>

          </tr>

          <tr >
            <td >
              <strong>返利收入</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">{{platformInfo.flGetMoney}}</span>
            </td>

            <td >
              <strong>活动支出</strong>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break"></span>
            </td>

            <td >
              <span class="text-bold-no-break">－－</span>
            </td>
            <td class="text-center">
              <span class="text-bold-no-break">－－</span>
            </td>

          </tr>

      </table>

  </div>
</div>
</div>

<div class="col-12 mt-1 row" *ngIf="platformInfo">
  <div class="card animated animated-delay-500 ">
    <div class="card-header font-weight-bold p-2">
      <span class="fa fa-fw fa-industry"></span>用户总览
    </div>
    <div class="card-body px-0 py-2 px-2">
      <table class="table table-hover table-striped table-sm">
        <tbody>
        <tr >
          <td >
            <strong>总用户</strong>
          </td>
          <td class="text-center">
            <span class="text-bold-no-break">{{platformInfo.totalUserCount}}</span>
          </td>

          <td >
            <strong>新注册用户</strong>
          </td>
          <td class="text-center">
            <span class="text-bold-no-break">{{platformInfo.registUserCount}}</span>
          </td>

          <td >
            <strong>活跃用户</strong>
          </td>
          <td class="text-center">
            <span class="text-bold-no-break">{{platformInfo.activyUserCount}}</span>
          </td>

        </tr>

        <tr >
          <td >
            <strong>充值总额</strong>
          </td>
          <td class="text-center">
            <span class="text-bold-no-break">{{platformInfo.investAll}}</span>
          </td>

          <td >
            <strong>提现总额</strong>
          </td>
          <td class="text-center">
            <span class="text-bold-no-break">{{platformInfo.cashAll}}</span>
          </td>

          <td >
            <strong>用户总额</strong>
          </td>
          <td class="text-center">
            <span class="text-bold-no-break">{{platformInfo.sumAccount}}</span>
          </td>

        </tr>



        </tbody>
      </table>
    </div>
  </div>
</div>